<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
  webpack ./src/main.js ./dist/bundle.js :用webpack打包./src/main.js到 ./dist文件夹下的bundle.js
    只需要打包main.js不用打包mathUtils.js ， 因为webpack在打包main.js时，发现main.js导入了mathUtils.js
    的内容，webpack会自己处理依赖关系，他会自动根据这个依赖找到对应的mathUtils.js文件
-->

<!--
 vue在构建最终的发布版本的时候，构建了两类版本：
 1.runtime-only——>代码中，不可以有任何的template。
                   index.html中的<div><h2></h2></div>代码被当做vue实例的template
 2.runtime-compiler——>代码中可以有template，因为有compiler可以用于编译template
 解决方案：在webpack的配置中添加代码来指定用runtime-compiler版本
     resolve:{
       alias:{
         'vue$':'vue/dist/vue.esm.js'
       }
     }
-->

<div id="app">

</div>
<script src="./dist/bundle.js"></script>
</body>
</html>